<template>
  <div class="burn-task">
    <NavItem :p-style="{
      background: 'lightgreen',
      width: '250px',
      fontSize: '16px',
      textAlign: 'left'
    }">
      <template #title>
        刻录任务
      </template>
    </NavItem>
    <!-- 表格 -->
    <div class="table-container">
      <el-table :data="tableData" style="width: 100%">
        <el-table-column prop="bar" label="Bar" width="80" />
        <el-table-column prop="her" label="Her" width="80" />
        <el-table-column prop="gk" label="Gk" width="80" />
        <el-table-column prop="type" label="Type" width="80" />
        <el-table-column prop="createTime" label="CreateTime" width="80" />
        <el-table-column prop="strategy" label="Strategy" width="80" />
        <el-table-column prop="plan" label="Plan" width="50" />
        <el-table-column prop="status" label="Status" />
      </el-table>
    </div>
  </div>
</template>
<script setup>
import { ref } from 'vue'
//引入公共组件
import NavItem from '@/components/NavItem.vue'
//表格数据
const tableData = ref([
  {
    bar: '/rorke/archive-local/61',
    her: '/data/rorke/dst/',
    gk: '本地',
    type: '全基',
    createTime: '2023-2-2 11:29:34',
    strategy: '循环',
    plan: '每天 11:29:34 执行一次',
    status: '目的目录异常'
  },
  {
    bar: '/rorke/archive-local/61',
    her: '/data/rorke/dst/',
    gk: '本地',
    type: '全基',
    createTime: '2023-2-2 11:29:34',
    strategy: '循环',
    plan: '每天1129.34 执行一次',
    status: '目的目录异常'
  },
  {
    bar: '/rorke/archive-local/61',
    her: '/data/rorke/dst/',
    gk: '本地',
    type: '全基',
    createTime: '2023-2-2 11:29:34',
    strategy: '循环',
    plan: '每天 11:29:34 执行一次',
    status: '目的目录异常'
  }
]);
</script>
<style scoped lang="scss">
.burn-task {

  .table-container {
    border-radius: 4px;

    .el-table {
      font-size: 8px;

      .el-table :deep(.cell) {
        white-space: pre-line;

      }

    }
  }
}
</style>
